<template>
    <view class="pt10 pb20">
        <view class="mt20" v-for="(item,index) in orderList" :key="index">
        <AtCard
            note='我们会尽快安排上门，请耐心等待'
            extra='订单进度'
            :title="'创建时间:'+item.orderTs"
        >
            <!-- thumb='http://www.logoquan.com/upload/list/20180421/logoquan15259400209.PNG' -->
            <view>
            <text class="c999">预约时间：</text>
            <text>{{item.appointmentTime}}</text>
            </view>
            <view class="pt10">
            <text class="c999">回收物品：</text>
            <text>{{item.category}}</text>
            </view>
            <view class="pt10">
            <text class="c999">回收重量：</text>
            <text>{{item.weight}}kg</text>
            </view>
            <view class="pt10">
            <text class="c999">取货地址：</text>
            <text>{{item.addressId.address || '--'}}</text>
            </view>
            <view class="pt10">
            <text class="c999">订单备注：</text>
            <text>{{item.remark || '--'}}</text>
            </view>
        </AtCard>
        </view>
    </view>
</template>

<script setup>
import { defineProps } from "@vue/runtime-core";

 const props = defineProps({
     orderList: Array
 })

</script>

<style lang="scss">

</style>